
* {
  margin           : 0px;
  padding          : 0px;
}

html, body {
  background-color : white;
  font-family      : Arial,sans-serif;
  height           : 100%;
}

a:hover {
  text-decoration  : underline;
}

p {
  padding-bottom: 12px;
}
.header {
  /*margin           : 10px 30px 0px 30px;*/
  margin           : 0px;
  padding          : 6px;

  font-style       : normal;
  font-variant     : small-caps;
  font-weight      : normal;
  letter-spacing   : 0.6ex;
  text-decoration  : none;
  text-transform   : capitalize;
  text-align: center;

  box-shadow: 0px 0px 24px #888;
}

.header .title {
  color: white;
  font-size: 3em;
}

.header a {
  text-decoration: none;
  outline: none;
  margin-left: 20px;
  margin-right: 20px;
}

.header a:hover {
  text-decoration  : underline;
}

.color1 { background-color : #E84C2F; }
.color1 a { color: #692215 }
.color2 { background-color : #FFA251; }
.color2 a { color: #805129 }
.color3 { background-color : #FFF584; }
.color3 a { color: #807B42 }
.color4 { background-color : #63E89E; }
.color4 a { color: #2d6947 }
.color5 { background-color : #4B52FF; }
.color5 a { color: #262980 }

.debug {
  border: 1px dotted green;
  position: absolute;
  bottom: 0px;
  width:100%;
}

.scene {
  width: 180px;
  height: 120px;
  margin: 12px;
  border: 1px dotted gray;
  background: white;
}

.scene_hover{
  box-shadow: 0px 0px 12px #BBB;
}

.scene_dragging{
  box-shadow: 0px 0px 18px #888;
}

#scenecontainer {
  margin: 12px;
  border: 1px dashed red;
}

.scene table {
  width: 100%;
  height: 100%;
  
  //border: 1px dashed red;
}
.scene table td{
  padding: 0px;
}

.scene .title {
  width: 100%;
  height: 12px;
  font-size: 12px;
  padding: 3px;
}

.scene .video {
  background: black;
}

.scene .links {
  background: lightgray;
}
